$(function(){
    // 1,先渲染数据
    var currentpage = 1;
    var pageSize = 5;
    function render(){
        $.ajax({
            url:'/category/queryTopCategoryPaging',
            type:'get',
            data:{
                page:currentpage,
                pageSize:pageSize
            },
            dataType:'json',
            success:function(res){
                console.log(res);
                $('tbody').html(template('temp',res))
                setPage(res.total)
            }
        })
    }
    render()


    // 引入页码
    function setPage(total){
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage:currentpage,//当前页
            totalPages:Math.ceil(total/pageSize),//总页数
            size:"small",//设置控件的大小，mini, small, normal,large
            onPageClicked:function(event, originalEvent, type,page){
              //为按钮绑定点击事件 page:当前点击的按钮值
              currentpage = page;
              render()
            }
      });
    }
    
// 添加校验表单功能
$('#one-form').bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'],
  
    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
  
    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      categoryName: {
        validators: {
          //不能为空
          notEmpty: {
            message: '请输入一级类名'
          }
        }
      }
    }
  
  });
//   点击添加按钮渲染页面，使用表单校验成功后的添加功能
$("#one-form").on('success.form.bv', function (e) {
    e.preventDefault();
    $.ajax({
        url:'/category/addTopCategory',
        type:'post',
        data:$('#one-form').serialize(),
        dataType:'json',
        success:function(res){
            // console.log(res);
            $('#myModal').modal('hide')
            render()
            $("#one-form").data('bootstrapValidator').resetForm(true)
        }
    })
});

})